
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>六边形的制作</title>
    <script src="Cdn.js"></script>
    <link rel="stylesheet" href="Cdn.css" type="text/css">

</head>
<body>
<div class="center">
  <table summary="这是一个学生的成绩表"><hr><br><br>

    <caption class="stree">成绩表</caption>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>班级</th>
      <th>语文</th>
      <th>数学</th>
    </tr>
    <tr>
      <th>张山</th>
      <th>21</th>
      <th>二班</th>
      <th>87</th>
      <th>87</th>
    </tr>
    <tr>
      <th>张山</th>
      <th>21</th>
      <th>二班</th>
      <th>87</th>
      <th>87</th>
    </tr>
    <tr>
      <th>张山</th>
      <th>21</th>
      <th>二班</th>
      <th>87</th>
      <th>87</th>
    </tr>
    <tr>
      <th>张山</th>
      <th>21</th>
      <th>二班</th>
      <th>87</th>
      <th>87</th>
    </tr>
  </table></div>
<br><br>
<hr>
<br>
<article >
  <p id="p2" class="art">
    Note that not all font have distinct faces for oblique and italic,
    if this is not the case, browsers are simulating the missing
  </p>
  <p class="art">one by using the face that is present.
    <span id="sos">An example of rendering of a font with both faces</span>
  </p>
</article>
<hr>
<div class="second">
<p class="first">三年级时，<span>我还是一个<span>胆小如鼠</span>
  的小女孩</span>，上课从来不敢<a>回答老师提出的问题，</a>
  生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。
  学校举办的活动我也没勇气参加。</p>
  </div>
<hr>
<h1>食物</h1>
<ul class="food">
    <li>水果
        <ul>
        	<li>香蕉</li>
            <li>苹果</li>
            <li>梨</li>
        </ul>
    </li>
    <li>蔬菜
    	<ul>
        	<li>白菜</li>
            <li>油菜</li>
            <li>卷心菜</li>
        </ul>
    </li>
</ul>
</body>
</html>
